<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/site-footer.css">
        <link rel="stylesheet" href="css/enroll-toparea.css">
        <link rel="stylesheet" href="css/Pop_Up.css">
    </head>

    <body>

        <!-- 注册页面 -->
        <div class="enrool">
            <!-- 头部导航 -->
            <div class="head-nav">
                <img class="img-head_nav" src="imgs/logo_files/logo.png" alt="">
                <p class="text-head">欢迎注册</p>
                <p class="text_headright">
                    已有帐号？<a href="#" class="link_headright">请登录</a>
                </p>

            </div>
            <!-- 注册页面 -->
            <div class="enroolPage">
                <!-- 流程图 -->
                <div class="reg_step ">
                    <!-- (宽度w设置为950) -->
                    <!-- 注册第一步 -->
                    <div class="reg_verify step">
                        <span class="numb_1">1</span>
                        <span class="reg_verify-desc">验证手机号</span>
                    </div>
                    <!-- 横线 -->
                    <div class="step_line"></div>
                    <!-- 注册第二步，填写 -->
                    <div class="reg_write step">
                        <span class="numb_1">2</span>
                        <span class="reg_verify-desc">填写账号信息</span>
                    </div>
                    <!-- 横线 -->
                    <div class="step_line line_2"></div>
                    <!-- 注册第三步完成 -->
                    <div class="reg_finish step">
                        <span class="numb_1">3</span>
                        <span class="reg_verify-desc">注册成功</span>
                    </div>
                </div>

            </div>


        <!-- 注册成功 -->
        <div class="login_successful">
            <p class="text-1">您已注册成功</p>
            <p class="text-2"> 新用户礼包已放入您的账户</p>
            <a href="#" class="step-bton">
                下一步
            </a>



        </div>

            <!-- 网站底部 -->
            <div class="site-footer">

                <div class="footer-c">
                    <!-- 左侧logo -->
                    <div class="sitelogo">
                        <img class="img-logo" src="imgs/logo_files/logo.png" alt="">
                    </div>
                    <!-- 网站底部中间区域 -->
                    <div class="footer-info">
                        <ul class="top-info">
                            <li class="info-iteam">
                                <a href="" class="link_iteam">
                                    门店资讯
                                </a>
                            </li>
                            <li class="splineLine">|</li>
                            <li class="info-iteam">
                                <a href="" class="link_iteam">
                                    网络购物FAQ</a>
                            </li>
                            <li class="splineLine">|</li>
                            <li class="info-iteam"> <a href="" class="link_iteam">
                                    关于BALANCE</a>
                            </li>
                            <li class="splineLine">|</li>
                            <li class="info-iteam"> <a href="" class="link_iteam">
                                    电子报订阅
                                </a> </li>
                            <li class="splineLine">|</li>
                            <li class="info-iteam"> <a href="" class="link_iteam">
                                    买卖定型化契约宣传
                                </a> </li>
                            <li class="splineLine">|</li>
                            <li class="info-iteam"> <a href="" class="link_iteam">
                                    政府政令
                                </a> </li>
                        </ul>
                        <p class="under-info">Copyright © BALANCE Ltd. All rights reserved</p>
                    </div>
                    <!-- 网站右侧二维码区域 -->
                    <div class="QR-code">
                        <img class="img-QR-code" src="imgs/logo_files/QR-code-right.png" alt="">
                        <img class="img-QR-code QR-2" src="imgs/logo_files/QR_code.png" alt="">
                    </div>


                </div>



            </div>
        </div>




    </body>

    </html>

</body>

</html>